/********************************************************************
 * 
 *  @author: 崔良
 * 
 *  @description:
 * 
 *  请在main.js中引入此文件查看效果，如下：
 * 
 *  import "./components/vsui.extend/example1/index.js";
 * 
 *  过程自动执行，本例使用VUE3对原生Web Components的支持对框架预置位进行扩展，Web Components技术请看官方文档：https://developer.mozilla.org/zh-CN/docs/Web/Web_Components，
 * 
 *  通过Web Components扩展的dom与主文档是并列关系，主文档的样式、脚本等不会干扰Web Components内部，框架的配色也不会对这种方式的扩展的元素起作用
 * 
 *  @vsui/vue-multiplex@2.1.0-rc3(含)之后的版本提供以"vsui-extend-"为前缀的自定义标签作为扩展坞承载元素，但很多同事不会用，因此git上框架示例工程的rc5版本才提供本示例
 * 
 * 
 *******************************************************************/

import {defineCustomElement} from 'vue';
import vsuiExtendHeaderLogo from './vsui-extend-header-logo.ce.vue';
import vsuiExtendHeaderToolsLeft from './vsui-extend-header-tools-left.ce.vue';
import vsuiExtendHeaderToolsRight from './vsui-extend-header-tools-right.ce.vue';
import vsuiExtendSiderbarMainHeader from './vsui-extend-siderbar-main-header.ce.vue';

!(function (){
  const defineVsuiExtendHeaderLogo=function(){
        let customElement=customElements.get('vsui-extend-header-tools-left');
        if(!customElement){
          const _vsuiExtendHeaderLogo = defineCustomElement(vsuiExtendHeaderLogo)
          customElements.define('vsui-extend-header-logo', _vsuiExtendHeaderLogo)
        }
  };
  const defineVsuiExtendHeaderToolsLeft=function(){
        let customElement=customElements.get('vsui-extend-header-tools-left');
        if(!customElement){
          const _vsuiExtendHeaderToolsLeft = defineCustomElement(vsuiExtendHeaderToolsLeft)
          customElements.define('vsui-extend-header-tools-left', _vsuiExtendHeaderToolsLeft)
        }
  };
  const defineVsuiExtendHeaderToolsRight=function(){
        let customElement=customElements.get('vsui-extend-header-tools-right');
        if(!customElement){
          const _vsuiExtendHeaderToolsRight = defineCustomElement(vsuiExtendHeaderToolsRight)
          customElements.define('vsui-extend-header-tools-right', _vsuiExtendHeaderToolsRight)
        }
        
  };
  const defineExtendSiderbarMainHeader=function(){
        let customElement=customElements.get('vsui-extend-siderbar-main-header');
        if(!customElement){
          const _vsuiExtendSiderbarMainHeader = defineCustomElement(vsuiExtendSiderbarMainHeader)
          customElements.define('vsui-extend-siderbar-main-header', _vsuiExtendSiderbarMainHeader)
        }
        
  };
  // defineVsuiExtendHeaderLogo();
  // defineVsuiExtendHeaderToolsLeft();
  defineExtendSiderbarMainHeader();
  defineVsuiExtendHeaderToolsRight();

})()